<template>
  <div class="footer">
    <div>
      <a-divider>&dot;</a-divider>
      <div>
        Dapianzi Carl &copy; {{ year }}
        <a-divider type="vertical" />
        <a href="https://www.github.com/dapianzi" target="_blank">Github</a>
        <a-divider type="vertical" />
        <a href="mailto:oowoolf@gmail.com">Suggest</a>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data: () => {
    const year = new Date().getFullYear()
    return {
      year,
    }
  },
}
</script>
<style>
.footer {
  padding: 0 1rem;
}
.footer div {
  max-width: 1920px;
  margin: 0 auto;
}
.footer div div {
  text-align: center;
  font-size: 1.2rem;
  line-height: 40px;
}
</style>
